شرکت طراحی سایت کارنیل وب

بسياري از شركت هاي طراحي سايت براي راه اندازي يك وب سايت از كدهاي html استفاده مي كنند. صفحات اينترنت شامل بخش هايي مانند محصولات ، مقالات ، درباره ما و … مي باشد كه براي طراحي هركدام بايد از كدهاي مخصوصي استفاده كرد.

بسياري از طراحان در زمان طراحي سايت اشتباه هاي رايجي در كدنويسي دارند كه در اين مقاله قصد داريم درباره اشتباهات رايج در كدهاي html صحبت كنيم.

محتواهاي درون سايت توسط سه لايه براي كاربران سايت نمايش داده مي شود. محتوا نيز شامل بخش هايي ميشود كه صاحب سايت قصد دارد آن را به كاربر نشان دهد. اين محتوا به صورت كدهاي html مابين دو تگ قرار ميگيرد.

html زبان برنامه نويسي نيست، در واقع زباني براي نشانه گذاري مي باشد و معمولا براي پيكربندي اطلاعات و جداسازي اجزاي يك نوشتار، عنوان ها، تصوير، فهرست، جدول و … استفاده مي شود. از طرف ديگر، كدهاي html را نبايد به عنوان زبان براي صفحه آرايي يا نقاشي صفحات وب به كار برد.

يادگيري اصول كدنويسي كار سختي نيست، اما آشنايي و تسلط بر اين قوانين و اصول و رعايت اصول استاندارد و صحيح در كدنويسي نياز به تجربه و كار فراوان دارد. اين نكته را در ذهن خود داشته باشيد كه تفاوت يك طراح سايت و سئو كار حرفه اي در چنين موقعيت هايي نمايش داده مي شود.

مقاله هاي پشنهادي : مزاياي طراحي سايت 

عدم استفاده درست از كدهاي ul و ol

تگ يا كدهاي ul و ol براي مرتب سازي و ليست كردن مطالب استفاده مي شوند . ( طراحي سايت ارزان وردپرس ) كار با آن ها بسيار ساده است. اين كدها توانايي هاي بسيار زيادي را برا كنترل ليست به وسيله css فراهم مي كند. استفاده از تگ هاي br و p و هر كدام از كدهاي html به غير از تگ هاي تعريف شده ليست ها، براي شكل دهييك ليست كار اشتباهي است كه بايد از انجام آن خودداري كنيد.

استفاده از تگ هاي strik – s و del براي نمايش متن هاي حذف شده

شما با استفاده از تگ del در html مي توانيد روي محتواهايي كه درون اين تگ قرار گرفته يك خط بكشيد. تگ s و strike جهت كشيدن خط بر روي متون استفاده كنيد.

اين دو تگ همانند تگ del عمل مي كنند اما از نظر مفهومي و معنايي با يكديگر متفاوت هستند براي مثال فرض كنيد شما محتواي مبني بر دوره هاي آموزشي بر روي صفحه سايت خود قرار داده ايد و قصد داريد به دليل ورود به سال جديد به كاربران خود تخفيف بدهيد.

اين امر را مي توانيد با استفاده از تگ del انجام دهيد به اين صورت كه يك خط بر روي قيمت قبلي كشيده مي شود و سپس قيمت جديد درج مي شود.

پيشنهاد مي كنيم مقاله طراحي سايت ارزان را نيز مطالعه كنيد.

عدم استفاده از تگ هاي هدينگ ( اشتباهات رايج در كدهاي html )

احتمالا اگر طراح سايت و يا سئوكار هستيد بايد از تگ هاي h1 – h2 – h3 – h4 – h5 – h6 مطلع باشيد. از اين تگ ها براي عناوين و نمايش سر فصل در مقالات وب سايت هاي استفاده مي شود.  اگر به جملات زرد رنگ ان مقاله دقت كنيد متوجه خواهيد شد كه سر تيترها از تگ هاي هدينگ جهت نمايش بهتر در گوگل و مقالات استفاده شده است.

سرفصل هايي كه به غير از تگ هاي هدينگ تشكيل مي شوند در مرورگرها قابل نمايش نيستند و همچنين از نظر موتورهاي جست و جو گر گوگل قابل نمايش نيستند. استفاده از اين تگ ها و استفاده از css براي تغييرات ظاهري عناصري به غير از تگ هاي هدينگ براي ايجاد سر تيتر اشتباه بسيار بزرگي مي باشد.

استفاده نكردن از alt image به تصاوير در وب سايت ها

استفاده از اين آيكون به كاربر و موتورهاي جست و جو گر گوگل اين امكان را مي دهند كه بدانند موضوع منتشر شده در سايت شما براي چه مطلبي است و تصوير منتشر شده را بهتر تشخيص دهند. موتورهاي جستوجوي گوگل به متون تصاوير شما اهميت ويژه اي مي دهند و اين موضوع بر روي سئو سايت شما تأثير مطلوبي خواهد گذاشت.

استفاده از تگهاي ‏b‏،I ‎‏،strong ‎‏،em ‎‏ براي‎ bold ‎و‎ italic ‎كردن متن

• b _ متني كه مي خواهيد را پررنگ و يا بلد مي كند بدون در نظر گرفتن سئو و صرفا جهت اهميت دادن به آن مورد استفاده قرار مي گيرد.
• strong _ متن را قوي نشان مي دهد كه از نظر ظاهري تفاوتي با كلمه اي كه بلد شده است ندارند. اما از نظر معنايي اين تگ اهميت بيشتري به متن مي دهد و اين موضوع زماني مورد استفاده قرار مي گيرد كه قصد داشته باشيد به كاربر برسانيد كه مطلب مورد نظر بسيار مهم است.
• i _ كج بودن متون را نمايش مي دهد و هيچگونه اهميتي از نظر معنايي ندارد.
• em _  براي متن هايي مورد استفاده است كه بر آن تأكيد ويژه اي شده استو از نظر معنايي به متن اهميت خواهد داد. اين تگ تفاوت ظاهري با تگ i نخواهد داشت. 

براي خواندن ادامه مطلب كليك كنيد .